<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>{$common.title}</title>
        <meta name="keywords" content="{$common.keywords}" />
		<meta name="description" content="{$common.description}" />
		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">
		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--#include file="resources.html"-->
		<!--鼠标经过导航跳动开始-->
		<!--<script type="text/javascript">
			$(function(){
				 $(".am-topbar-nav li").each(function(k,a){
					new JumpObj(a,5);//晃动幅度
					$(a).hover(function(){this.parentNode.parentNode.addClass("hover")});
				});
		 	}); 
		
		</script>-->
		<!--鼠标经过导航跳动结束-->
		<style type="text/css">
			[data-am-widget="tabs"] .am-tabs-nav li {
			    flex: inherit;
			}
			.am-tabs-d2 .am-tabs-nav {
			    background-color: #FFFFFF;
			}
			.am-tabs-d2 .am-tabs-nav > .am-active {
			    background-color: #FFFFFF;
			    border-bottom: 2px solid #374256;
			    position: relative;
			}
			.am-tabs-d2 .am-tabs-nav > .am-active::after {
			    -moz-border-bottom-colors: none;
			    -moz-border-left-colors: none;
			    -moz-border-right-colors: none;
			    -moz-border-top-colors: none;
			    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #374256;
			    border-image: none;
			    border-style: solid;
			    border-width: 6px;
			    bottom: 0;
			    content: "";
			    height: 0;
			    left: 50%;
			    margin-left: -5px;
			    position: absolute;
			    top: 35px;
			    transform: rotate(180deg);
			    -webkit-transform: rotate(180deg);
			    width: 0;
			    z-index: 1;
			}
			.am-tabs-d2 .am-tabs-nav li {
			    height: 35px;
			}
			.am-tabs-d2 .am-tabs-nav > .am-active a {
			    color: #949393;
			    line-height: 30px;
			    font-size: 18.67px;
			    font-size: 1.867rem;
			}
			.am-tabs-d2 .am-tabs-nav a {
			    color: #949393;
			    line-height: 30px;
			    font-size: 18.67px;
			    font-size: 1.867rem;
			}
			.am-tabs-bd {
			    -moz-border-bottom-colors: none;
			    -moz-border-left-colors: none;
			    -moz-border-right-colors: none;
			    -moz-border-top-colors: none;
			    border-color: -moz-use-text-color #ddd #ddd;
			    border-image: none;
			    border-style: none;
			    border-width: medium 1px 1px;
			    overflow: hidden;
			    position: relative;
			    transition: height 0.3s ease 0s;
			    z-index: 100;
			}
		</style>
		
	</head>

	<body>
		<!--#include file="head.html"-->
		<!--内容开始-->
		<div class="container2">
			<div class="am-container">
				<div class="am-u-sm-12">
					<p class="title_ch">关于成者</p>
				</div>
				<div class="am-u-sm-12">
					<p class="title_en">ABOUT US</p>
				</div>
				<div class="content">
					<div class="am-u-lg-2" style="padding-right: 0;">
						<ul class="left_ul">
							<li class="left_li">
								<span class="sliderbg"></span>
								<a href="{$curl.6}">
									了解成者
								</a>
							</li>
							<li class="am-active left_li">
								<span class="sliderbg"></span>
								<a href="{$curl.1}">
									新闻中心
								</a>
							</li>
							<li class="left_li">
								<span class="sliderbg"></span>
								<a href="{$curl.7}">
									加入成者
								</a>
							</li>
							<li class="left_li">
								<span class="sliderbg"></span>
								<a href="{$curl.8}">
									联系我们
								</a>
							</li>
						</ul>
					</div>
					<div class="am-u-lg-10" style="padding: 0;">
						<div class="right">
							<div data-am-widget="tabs" class="am-tabs am-tabs-d2">
								<ul class="am-tabs-nav am-cf technical_ul">
									<li class="am-active">
										<a href="[data-tab-panel-0]">全部</a>
									</li>
									<li class="">
										<a href="[data-tab-panel-1]" style="font-size: 16.67px; font-size: 1.667rem;">媒体</a>
									</li>
									<li class="">
										<a href="[data-tab-panel-2]" style="font-size: 16.67px; font-size: 1.667rem;">动态</a>
									</li>
									<li class="">
										<a href="[data-tab-panel-3]" style="font-size: 16.67px; font-size: 1.667rem;">新品</a>
									</li>
									<li class="">
										<a href="[data-tab-panel-3]" style="font-size: 16.67px; font-size: 1.667rem;">观点</a>
									</li>
								</ul>
								<div class="am-tabs-bd">
									<div data-tab-panel-0 class="am-tab-panel newstabs am-active">
										<ul class="news_all" id="news_all">
                                            <!--foreach:{$loop $vo}-->
											<li>
												<div class="news_shadow">
													<a href="{$vo.aurl}">
														<div class="am-u-md-3 newsall_pic">
															<img src="{$vo.image}" />
														</div>
														<div class="am-u-md-9 newsall_content">
															<p>
																<img src="{$vo.text_img}" class="newssource" />
															</p>
															<p class="newsall_title">
																{$vo.title}
															</p>
															<p class="newsall_date">
																{$vo.updatetime time="Y-m-d H:i"} 
															</p>
															<p class="newsall_article">
																{$vo.description}
															</p>
														</div>
													</a>
												</div>
											</li>
                                          <!--/loop-->
											
											
										</ul>
                                        <?php if($page){ ?>
										<p class="showmore">
											<a href="javascript:;" id="more">
												<img src="__PUBLIC__/assets/i/showmore.png" />
											</a>
                                            <span id="no" style="color: #aeadad; font-size: 14px; font-size: 1.4rem; display: none;">没有了</span>
										</p>
                                        <?php }?>
									</div>
                                    
                                    <!--//-->
									<div data-tab-panel-1 class="am-tab-panel newstabs">
										<ul class="newslist">
                                        <!--foreach:{$list1 $vo}-->
											<li>
												<a href="{$vo.aurl}">
													<img src="{$vo.text_img}" class="newslistpic"/>
													<div class="newslist_content">
														<p class="newslist_title">
															{$vo.title}
														</p>
														<p class="newslist_date">
															{$vo.updatetime time="Y-m-d H:i"} 
														</p>
													</div>
												</a>
											</li>
                                          <!--/foreach-->
										
										</ul>
									</div>
                                    
                                     <!--//-->
									<div data-tab-panel-2 class="am-tab-panel newstabs">
										<ul class="newslist">
											<!--foreach:{$list2 $vo}-->
                                            <li>
												<a href="{$vo.aurl}">
													<img src="{$vo.text_img}" class="newslistpic"/>
													<div class="newslist_content">
														<p class="newslist_title">
															{$vo.title}
														</p>
														<p class="newslist_date">
															{$vo.updatetime time="Y-m-d H:i"} 
														</p>
													</div>
												</a>
											</li>
                                             <!--/foreach-->
										
										</ul>
									</div>
                                    
                                     <!--//-->
									<div data-tab-panel-3 class="am-tab-panel newstabs">
										<ul class="newslist">
                                         <!--foreach:{$list3 $vo}-->
											<li>
												<a href="{$vo.aurl}">
													<img src="{$vo.text_img}" class="newslistpic"/>
													<div class="newslist_content">
														<p class="newslist_title">
															{$vo.title}
														</p>
														<p class="newslist_date">
															{$vo.updatetime time="Y-m-d H:i"} 
														</p>
													</div>
												</a>
											</li>
                                          <!--/foreach-->
										</ul>
									</div>
                                    
                                     <!--//-->
									<div data-tab-panel-4 class="am-tab-panel newstabs">
										<ul class="newslist">
                                        <!--foreach:{$list4 $vo}-->
											<li>
												<a href="{$vo.aurl}">
													<img src="{$vo.text_img}" class="newslistpic"/>
													<div class="newslist_content">
														<p class="newslist_title">
															{$vo.title}
														</p>
														<p class="newslist_date">
															{$vo.updatetime time="Y-m-d H:i"} 
														</p>
													</div>
												</a>
											</li>
                                         <!--/foreach-->
										</ul>
									</div>
								</div>
							</div>
						</div>
					
					</div>
				</div>
			</div>

		</div>
<input type="hidden" id="page" value="2">
		<!--内容结束-->
		<!--#include file="foot.html"-->
	</body>
	<script>
    $(document).ready(function(){
        $("#more").click(function(){
            if($("#more").html() == '没有了'){
                return false;
            }
            $.ajax({
                    url:"__APP__/category/more",
                    type:"get",
                    data:{"page":$("#page").val(),"cid":1},
                    beforeSend:function(){
                      	//$("#loading").show();
                        //$("#more").hide();
                    },
                    complete:function(){
                       // $("#loading").hide();
                       // $("#more").show();
                    },
                    success:function(data){
						var page = Number($("#page").val())+1;
                       var dataobj=eval(data);//转换为json对象
                        var html;
                        $.each(dataobj,function(index,b){
                            html='<li>\
									<div class="news_shadow">\
										<a href="__APP__/label/admin_aurl/aid-'+b.aid+'">\
											<div class="am-u-md-3 newsall_pic">\
												<img src="'+b.image+'" />\
											</div>\
											<div class="am-u-md-9 newsall_content">\
												<p>\
													<img src="'+b.text_img+'" class="newssource" />\
												</p>\
												<p class="newsall_title">\
													'+b.title+'\
												</p>\
												<p class="newsall_date">\
													'+b.time+'\
												</p>\
												<p class="newsall_article">\
													'+b.description+'\
												</p>\
											</div>\
										</a>\
									</div>\
								</li>';
                            $("#news_all").append(html);
                            
                            if(b.totalpage==$("#page").val()){
                                $("#more").remove();
								$("#no").show();
                            }
							$("#page").val(page);
                            //alert(b.page);
                        })
                        ///alert(a);
                        
                    },
                    error:function(){
                      alert("失败");
                   }
                });
                
            });
            
        });
    </script>
</html>